import React from 'react';
import {Dimensions, StyleSheet, Text, View,} from 'react-native';

const {width, height} = Dimensions.get('window');

/**
 * 走势图中的圆圈
 */
export default class Circle extends React.Component {
    /**
     * @param props
     */
    constructor(props) {
        super(props);
        this.state = props || {};
        this.state.circleSelected = !!this.state.circleSelected;
    }
    render() {
        return (
            <View style={[styles.circleNumBox,{
                width: this.state.circleWidth,
                height: this.state.circleHeight
            }]}>
                <Text style={styles.circleNum}>{this.state.winNumber}</Text>
            </View>
        );
    }
}
const styles = StyleSheet.create({
    circleNumBox: {
        borderWidth: 1,
        borderStyle: 'solid',
        borderColor: '#bfbfbf',
        borderRadius: 50,
        textAlign: 'center',
        alignItems: 'center',
        marginBottom: 2,
        backgroundColor: '#e30e27'
    },
    circleNum: {
        color: 'white',
    },
    circleSelected: {
    }
});
